<!DOCTYPE html>
<html lang="zh">

<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>PHP Helper</title>
  <link rel="stylesheet" href="./css/style.css">
  <script src="./js/modal.js"></script>
  <style>html,body
    {
        margin: 0;
        padding: 0;
        border: 0;
        overflow: hidden;
        height: 100%;
    }</style>
</head>

<body style="height: 100%;width:100%" data-theme="light">

  <!--加载动画-->
  <div class="boxes">
    <div class="box">
      <div></div>
      <div></div>
      <div></div>
      <div></div>
    </div>
    <div class="box">
      <div></div>
      <div></div>
      <div></div>
      <div></div>
    </div>
    <div class="box">
      <div></div>
      <div></div>
      <div></div>
      <div></div>
    </div>
    <div class="box">
      <div></div>
      <div></div>
      <div></div>
      <div></div>
    </div>
  </div>
  <!--留用户-->
  <!--导航栏-->
<iframe id="test" src="./code.html" width="100%" height="100%"></iframe>
  <script>function checkLeave() { event.returnValue = "确定离开当前页面吗？"; }// 获取动画
    let loader = document.querySelector(".boxes");
    
    var t = setTimeout("loader.setAttribute('style', 'display:none;');", 100)
      

      //loader.setAttribute("style", "display:none;");
      //space.setAttribute("style", "height:100%;width:100%;display:block");
    
    </script>
        <script>//窗口变化监听,避免resize多次执行卡顿
          var resizeTimer = null;
          $(window).bind('resize', function () {
              if (resizeTimer) clearTimeout(resizeTimer);
              resizeTimer = setTimeout(function () {
                  console.log('修改尺寸ing')
                  var div_div_code = document.getElementById("test");
                  div_div_code.height=window.innerHeight+ "px";
              },10);
          });
          </script>
</body>

</html>